{extend name="main"}
{block name="style"}
<style type="text/css">
	.jobs-cate{height: auto;width: 100%;background-color: transparent;}
	.jobs-cate .jobs-cate-list{height: auto;}
	.jobs-cate .jobs-cate-list .jobs-cate-body{padding: 3rem;}
	.jobs-cate .jobs-cate-list .jobs-cate-body{padding: 3rem;}
</style>
{/block}
{block name="header"}
{include file="module/top_nav" container="container-xl"/}
{include file="module/header_concise"/}
{/block}
{block name="body"}
<div class="container-xl py-3">
	<div class="jobs-cate">
		<div class="jobs-cate-list">
		{xycms:subsite name='subsite'}
		{notempty name="subsite"}
		    <div class="jobs-cate-item bg-light">
		    	<div class="flex flex-center px-3">
		    		<div class="flex-1 pl-2 text-truncate">按首字母选择</div>
		    	</div>
		    </div>
	    	<div class="jobs-cate-body bg-white">
	    		{volist name="subsite" id="item"}
	    		<div class="row mx-0 mb-3 pb-3 border-bottom">
	    			<div class="h5 mb-0 bg-primary text-white w-40px h-40px text-center" style="line-height: 40px;">{$key}</div>
	    			{volist name="item" id="v"}
		    		<div class="col-3 py-2"><a href="{$v.url}" class="el-link el-link--info"
				    		target="_blank" title="{$v.seo_title}">{$v.title}</a></div>
			    	{/volist}
	    		</div>
	    		{/volist}
	    	</div>
	    {/notempty}
		{/xycms:subsite}
		</div>
	</div>
</div>
{/block}
{block name="footer"}
{include file="module/footer"/}
{include file="module/login"/}
{/block}
{block name="script"}
<script type="text/javascript">
	var vm=new Vue({
		el:'#app',
		data:{
			view:XYBase.view,
			loginTabs:XYBase.loginTabs,
			userInfo:UserInfo,
			feedback:XYBase.feedback,
		},
		watch:{
		    view:XYBase.viewWatch,
		    loginTabs:XYBase.loginTabsWatch,
		},
		created(){
			XYBase.created(this);
		},
		methods:XYBase.methods({
		})
	});
</script>
{/block}